body {
  display: grid;
  grid-template-areas:
    "header"
    "title"
    "main"
    "section";
}

header {
  grid-area: header;
}

h2 {
  grid-area: title;
  margin-top: 20px;
  text-align: center;
}

main {
  grid-area: main;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

main div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

section {
  grid-area: section;
}

video {
  width: 33%;
}

section {
  margin-top: 50px;
}

.illustrator {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.illustrator div {
  width: 30%;
}

.illustrator img {
  width: 100%;
}